<template>
  <div id="AppFooter">
    <div class="content">
      <p>
        Copyright © 2021 
        <router-link :to="'/'">LESSMORE</router-link>
      </p>
      <p>
        <a href="https://beian.miit.gov.cn/" target="_blank">粤 ICP 备 2021154670 号 - 1</a>
      </p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'AppFooter'
}
</script>

<style lang="less" scoped>
#AppFooter{
  position: relative;
  width: 100%;
  padding: 20px 0;
  background-color: #fafafa;
  font-size: 12px;
  word-spacing: 3px;
  z-index: -1;
  .content{
    p{
      a{
        position:relative;
        display: inline-block;
        color: #ff5400;
        &::after{
          content: '';
          position: absolute;
          width: 100%;
          transform: scaleX(0);
          height: 1px;
          bottom: 0;
          left: 0;
          background-color: #ff5400;
          transform-origin: bottom right;
          -webkit-transition: transform 0.25s ease-out;
          -moz-transition: transform 0.25s ease-out;
          -ms-transition: transform 0.25s ease-out;
          -o-transition: transform 0.25s ease-out;
          transition: transform 0.25s ease-out;
        }

        &:hover::after{
          transform: scaleX(1);
          transform-origin: bottom left;
        }
      }
    }
  }
}
</style>